<template>
  <div class="app-container ">
    <h3>SD032Oj 其他发货</h3>

    <template v-if="false">
      <el-upload
        disabled
        class="upload-demo"
        action="#"
        :show-file-list="false"
        :on-change="handleChange"
      >
        <el-button slot="trigger" disabled size="small" type="primary">点击上传文件</el-button>
      </el-upload>
    </template>

    <el-table
      v-if="data.length > 0"
      :data="data"
      border
      style="width: 100%; margin-top: 20px;"
      size="medium"
    >

      <el-table-column prop="id" label="执行结果" width="50" align="center">
        <template slot-scope="scope">
          <!--          <el-link type="primary">编辑</el-link>-->
          <i class="el-icon-success" style="color: red;" />
        </template>
      </el-table-column>

      <el-table-column prop="id" label="行序号" />
      <el-table-column
        v-for="(column,index) in visibleColumns"
        :key="column.prop"
        :prop="column.prop"
        :label="`${index + 1}. ${column.label}`"
        width="180"
      />
    </el-table>
  </div>
</template>

<script>
import { fetchFileData } from '@/api/basics'
export default {
  name: "SD032Oj",
  props: ['ppath'],
  data() {
    return {
      data: [],
      selectedFileType: '', // Selected file type
      // fileTypes: [
      //   { label: '1步移仓（指令）', value: 'receipt' },
      //   { label: '1步移仓（结果）', value: 'receipt_result' }
      // ]
    }
  },
  computed: {
    visibleColumns() {
      return [
        { 'prop': 'SelfUseSlipID', 'label': '送货ID' },
        { 'prop': 'SelfUseCode', 'label': '送货单号' },
        { 'prop': 'CreateDate', 'label': '送货创建日期' },
        { 'prop': 'SelfUseDate', 'label': '计划送货日期' },
        { 'prop': 'MakerName', 'label': '用户ID' },
        { 'prop': 'ShipFrom', 'label': '工厂代码' },
        { 'prop': 'ShipTo', 'label': '收货方代码' },
        { 'prop': 'Carrier', 'label': '承运人代码' },
        { 'prop': 'SellerID', 'label': '销售公司' },
        { 'prop': 'BuyerID', 'label': '售货方代码' },
        { 'prop': 'ShipmentTerm', 'label': '空白' },
        { 'prop': 'ShipmentMethod', 'label': '运输类型代码' },
        { 'prop': 'Comments', 'label': '备注-运输说明' },
        { 'prop': 'DateLastUpdated', 'label': '最后更新时间' },
        { 'prop': 'WarehouseID', 'label': '第一项的存储位置' },
        { 'prop': 'DocDate', 'label': '与创建日期相同' },
        { 'prop': 'AddressName', 'label': '送货地址' },
        { 'prop': 'AR', 'label': '收货方简称' },
        { 'prop': 'AL1', 'label': '地址' },
        { 'prop': 'AC', 'label': '收货城市' },
        { 'prop': 'OfficePhone', 'label': '联系电话' },
        { 'prop': 'DepartmentName', 'label': '空白' },
        { 'prop': 'ContactName', 'label': '收货方收货联系人' },
        { 'prop': 'CarrierOfficePhone', 'label': '承运人电话' },
        { 'prop': 'CarrieerContactName', 'label': '空白' },
        { 'prop': 'Fax', 'label': '收货方传真' },
        { 'prop': 'ZipCode', 'label': '收货方邮政编码' },
        { 'prop': 'Auditer', 'label': '空白' },
        { 'prop': 'Type', 'label': '订单原因' },
        { 'prop': 'SelfUseSlipDetailID', 'label': '送货项目编号' },
        { 'prop': 'SelfUseSlipID', 'label': '送货单号' },
        { 'prop': 'ItemID', 'label': '物料代码' },
        { 'prop': 'UMCode', 'label': '单位' },
        { 'prop': 'Qty', 'label': '数量' },
        { 'prop': 'BaseQty', 'label': '数量同数量' },
        { 'prop': 'WarehouseID', 'label': '存储位置' },
        { 'prop': 'SNMgmt', 'label': '如果是序列号管理的，标注“X”' },
        { 'prop': 'SerialNo', 'label': '序列号' },
        { 'prop': 'ValuationType', 'label': '估价类型' },
        { 'prop': 'MovementType', 'label': '移动类型' },
        { 'prop': 'ShippingCondition', 'label': '运输条件' },
        { 'prop': 'VendorItemCode', 'label': '供应商物料代码' },
        { 'prop': 'CustomerPONumber', 'label': '客户订单号' },
      ]
    }
  },
  created() {
    this.getfetchFileData()
  },
  methods: {
    async getfetchFileData() {
      const response = await fetchFileData({
        'name': 'SD032Oj',
        'path': this.ppath
      })
      this.data = response.data
    }
  }
}
</script>

<style scoped>

</style>
